.head { width:100%; height: 90px; line-height: 90px; background-color: #fff; font-size: 14px; position:fixed; z-index: 8;	_position: absolute;
 _top: expression(documentElement.scrollTop + "px"); }
.head { *zoom: 1;}
.head .main { width:1140px; margin: 0 auto; background-color:#fff; }
.head .main:after { content: ""; display: table; clear: both; }
.logo { float: left; font-size: 0px; }
.logo img { float: left;}
.nav-out { float:right; top: 90px; left: 0; }
.nav-out > li { float: left; position: relative; height: auto; }
.nav-out > li > a { display: block; position: relative; overflow: hidden; text-align: center; color: #666; line-height: 90px; }
.nav-out > li > a span { display: block; padding: 0 13px; position: relative; z-index: 10; }
.nav-out > li > a .nav-item-bg { position: absolute; left: 0; top: 90px; background-color: #fecb17; z-index: 9; width: 100%; height: 100%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.nav-out > li.active .nav-item-bg { display: block; top: 0px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.nav-out > li.active > a { color: #fff; }
.nav-inner { display: none; position: absolute; top: 90px; left: -30px; text-align: center; width: 150px; border-bottom: 2px solid #fecb17; background-color: #fff; }
.nav-inner > li { width: 100%; float: left; display: block; line-height: 35px; }
.nav-inner > li > a { display: block; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; color: #7a7a7a; text-align: center; line-height: 35px; }
.nav-inner > li > a:hover { background-color: #faf1c8; color: #333; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }